/*@font-face { 
  font-family: STHeiti;  
  src: url(/css/STHeiti.ttf); 
} */
body {
    font-family: "Microsoft Yahei","Heiti",Segoe UI,Arial,sans-serif,serif;
    font-weight:300;
    font-size: 15px;
    color: #999;
    overflow-x: hidden;
    background-color: #F9FBFC;
    color:#000;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
	color: #323a45; 
	outline: none;
	outline:0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
}

/************************** new header ****************************/
.headerfixed{height:65px;}
.header{background:#000;height:65px;position:fixed;left:0;top:0;z-index:1074;min-width: 1000px;width:100%;}
.header h1{position:absolute;left:55%;width:312px;top:0;margin-left:-156px;}
.header h1 img{float:left;margin-top:-2px;height: 32px;}
.header h1 strong{float:left;margin-left:38px;text-align:center;height:65px;width:95px;padding-top:26px;line-height: 0px;}
.header h1 strong .marketimg{display:inline-block;margin:auto;width:16px;height:16px;background:url(../images/icon_rwjs.svg) no-repeat;margin-right: 6px;}
.header h1 strong .rencaiimg{display:inline-block;margin:auto;width:16px;height:16px;background:url(../images/talent.svg) no-repeat;margin-right: 7px;}
.header h1 strong span{padding-top:2px;font-size:14px;color:#d4d5d5;font-weight:300;display: inline-block;vertical-align: middle;}
.header h1 .rencai{
	margin-left: 10px;
}
.tx-line{
	position: relative;
	display: inline-block;
}
.tx-line:after{
	content: '';
	display: block;
	width: 0;
	height: 4px;
	background: #3cc8b4;
	position: absolute;
	bottom: 0;
	left: 0;
}
.tx-line.task:after{
	left: 30px;
}
.tx-line.market:after{
	left: 35px;
}
.tx-line.rencai:after{
	left: 10px;
}
.tx-line:HOVER:after{
	width: 95px;
	transition:all 0.3s ease;
}
.task_menu{
float: left;
    margin-bottom: 0;
    margin-left: 40px;
    margin-top: 0;}
.task_menu p a strong{font-weight:300;display:inline-block;padding:0 36px;padding-top: 22px;height: 65px;}
.task_menu p a{color:#e0e1e1;float: left;}
.task_menu p a:hover{cursor: pointer;}
.task_menu p a strong i{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:10px}
.task_menu p a strong i.icon1{background:url(/console/images/icon_rwjs.svg) no-repeat;margin-top: 1px;}
.task_menu p a strong i.icon2{background:url(../images/icon_add.png) no-repeat;margin-top: 1px;margin-right: 12px;}
.task_menu p a strong span{display:inline-block;vertical-align:middle;font-size:14px;}
.task_menu p a strong span:hover{color: #b0282a;}
.header_right{float:right;}
.serbox-w{
	width: 100px;
	height: 80px;
	float: left;
}
.serbox-w .serbox{
	border: 1px solid #4a4a4a;
    border-radius: 50px;
    cursor: pointer;
    float: right;
    height: 30px;
    margin-right: 40px;
    margin-top: 18px;
    width: 30px;
}
.serlines{
	background: #4A4A4A;
    float: left;
    height: 30px;
    margin-top: 18px;
    width: 1px;
}
.serviceBox{
	background: #FFFFFF;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
    height: 120px;
    width: 150px;
    padding-left: 10px;padding-right: 10px;
    right: 180px;
    left: auto;
}
.serviceBox .title{
	font-size: 14px;
    color: #323A45;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 1px 0 0 #D9D9D9;
    height: 40px;
    line-height: 40px;
}
.serviceBox .contact{
	color: #727d9c;
    font-size: 14px;
    line-height: 28px;
    padding-left: 5px;
    padding-top: 12px;
    text-align: left;
}
.serviceBox .contact img{
	margin-top: -2px;
}
.serviceBox .contact .aqcode{
	color: #727d9c;
}
.serviceBox .contact .aqcode:hover{
	color: #b0282a;
}
.serbox-w .serbox .icon{
	background:url(../images/service.png) no-repeat;
	display: inline-block;
    height: 15px;
    margin-left: 7px;
    margin-top: 7px;
    width: 14px;
}

.menu1{float:left}
.menu1 ul li{float:left;margin-left:27px;position:relative;margin-top:17px;}
.menu1 ul li em{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:18px;color:#fff;line-height:18px;text-align:left;background:#23ce5e;font-style: normal;text-align: center;font-size: 12px; }
.menu1 ul li i{display:inline-block;width:32px;height:32px;vertical-align:middle;cursor: pointer;}
.menu1 ul li i.icon1{background:url(../images/service.png) no-repeat;cursor: pointer;}
.menu1 ul li a i.icon2{background:url(../images/service.png) no-repeat;}
.menu1 ul li a:hover i.icon1{background:url(/console/images/icon_clock_hover.svg) no-repeat;}
/* .menu1 ul li a:hover i.icon2{background:url(/console/images/icon_question_hover.svg) no-repeat;} */
.menu1 .sysmeg{margin-left: 10px;margin-right: 10px;}
.menu1 .sysmeg li{float:none;margin-left: 0px;margin-top: 10px;padding-left: 15px;padding-right: 15px;margin-bottom: 10px;}
.menu1 .sysmeg li .sys-mess-a-box{padding:0px;font-size: 12px;color: #48a1ff;}
.menu1 .sysmeg li .sys-mess-a-box:HOVER{color: #999;}
.menu1 .mglistyle{width: 200px;text-align: right;height: 49px;}
.menu1 .mglistyle .ulstyle{margin-left: -100px;width: 310px;max-height: 310px;overflow-x:auto;margin-top: -1px;border-radius:0px;}
.sys-mess-a-box .img1{width: 16px;margin-top: -2px;float: left;margin-right: 3px;}
.sys-mess-a-box .titles{float:left;}
.sys-mess-a-box .img2{width: 16px;margin-right: 3px;float: left;}
.menu2{float: left;
    text-align: center;
    width: 200px;}
.menu2 ul li{position:relative;}
.menu2 ul li a p{display:block;padding:16px 0;padding-bottom: 17px;}
.menu2 ul li a p i{font-style:normal;margin-right:15px;font-size:14px;color:#d7d7d8;display:inline-block;vertical-align:middle}
.menu2 ul li a p strong img{width:33px;height:33px;border-radius:33px;}
.menu2 ul li a p span{
    display:inline-block;
    /* width:18px;
    height:10px;
    background:url(../images/icon_down.svg) no-repeat; */
    margin-left:13px;
    vertical-align:middle;
    font-size: 14px;
    color: #FFF;
}
.menu2 ul li .drop{position:absolute;right:0;top:66px;width:180px;background:#fff;box-shadow:0 0 10px #ccc;display:none;text-align: left;margin-right: 20px;}
.menu2 ul li.hover .drop{display:block;}
.menu2 ul li .drop dl{padding:0 10px;margin-bottom: 0px;}
.menu2 ul li .drop dl dt{height:40px;line-height:40px;font-size:14px;}
.menu2 ul li .drop dl dt.lines{border-top:1px solid #e0e0e0;}
.menu2 ul li .drop dl dt a{display:block;padding-left: 10px;}
.menu2 ul li .drop dl dt a i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:15px;}
.menu2 ul li .drop dl dt a i.icon1{background:url(../images/icon_1.png) no-repeat left center;}
.menu2 ul li .drop dl dt a i.icon2{background:url(../images/icon_2.png) no-repeat left center;}
.menu2 ul li .drop dl dt a i.icon3{background:url(../images/icon_3.png) no-repeat left center;}
.menu2 ul li .drop dl dt a i.icon4{background:url(../images/icon_4.svg) no-repeat left center;}
.menu2 ul li .drop dl dt a i.icon5{background:url(../images/icon_5.png) no-repeat left center;}
.menu2 ul li .drop dl dt a i.icon6{background:url(../images/icon_6.svg) no-repeat left center;}
.menu2 ul li .drop dl dt a i.icon7{background:url(../images/icon_7.svg) no-repeat left center;}
.menu2 ul li .drop dl dt a span{display:inline-block;vertical-align:middle;font-weight:300;color: #333;}
.menu2 ul li .drop dl dt a span:HOVER{color: #b0282a;}
.menu2 .butli{display: inline-block;line-height: 65px;height: 65px;color: #fff;margin-right: 20px;}
.menu2 .butli .astyle{color: #d4d5d5;}
.menu2 .butli .astyle:HOVER{color: #fff;}
.menu2  .lgbox{
	height: 65px;
	margin-top: 18px;
	margin-right: 25px;
	float: right;
}
.menu2  .lgbox .regbut{
	font-size: 14px;
	color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
	padding-top: 5px;
}
.menu2  .lgbox .regbut:hover{
	opacity:0.8;
}
.menu2 .lgbox .lgBut{
	background: #B0282A;
    border: 1px solid #B0282A;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 2em;
    outline: 0 none;
    padding: 0 2em;
    text-transform: none;
    margin-left: 20px;
}
.menu2 .lgbox .lgBut:hover{
	opacity:0.8;
}

.content{
	background-color: #F9FBFC;
}


/************ 公共弹框模板 start *****************/
.modal-dialog-box {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
}
.modal-dialog-box .modal-dialog-main {
    width: 380px;
    background: #ffffff;
    border-radius: 6px 6px 0 0;
    height: 312px;
    left: 50%;
    margin-left: -190px;
    margin-top: -156px;
    position: fixed;
    top: 50%;
}

.modal-dialog-box .modal-dialog-main .modal-body {
  padding: 0;
}

.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-head {
  height: 80px;
  background: url('../images/order_add/bg_dialog_head.png') no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-head img {
  margin-top: 42px;
}

.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-head img{
	/*
  position: absolute;
  top: 22px;
  right: 20px;
  cursor: pointer;
  */
}
.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-head .lc-dialog-top-title{
  line-height: 60px;
  font-family: PingFangHK-Regular;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: normal;
}
.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-body {
  text-align: center;
  min-height: 100px;
  margin-top: 20px;
  width: 266px;
  padding-top: 25px;
  margin: 0 auto 25px;
}
.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-body .lc-dialog-title {
  font-family: PingFangHK-Regular;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 40px;
}
.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-body .lc-dialog-content {
	text-align: center;
	font-size: 14px;
    color: #666666;
}
.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-bottom {
  height: 80px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-bottom button {
  width: 100px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  font-family: PingFangHK-Regular;
  font-size: 14px;
  color: #666666;
  outline: none;
}

.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-bottom button:hover {
  border-color: #B0282A;
  color: #B0282A;
}

.modal-dialog-box .modal-dialog-main .modal-body .lc-dialog-bottom button:nth-of-type(2) {
  margin-left: 20px;
}
/************ 弹框模板 end *****************/

.loaddiv{
   width: 100%;padding-left: 43%;padding-top: 80px;height: 300px;
}

.loaddiv2{
   width: 100%;padding-left: 0;padding-top: 80px;height: 300px;
}

/*************************加载开始*******************************************/
#loading { 
	width: 100%;
	height: 100%;
	display: inline-block; 
	text-align: center; 
	min-height: 400px; 
	vertical-align: top;
	position: fixed;
	overflow: hidden;
  outline: 0;
	left: 0;
	top: 65px;
	z-index: 99999;
	display: none;
}

@media only screen and (max-width: 600px) {
	#loading { min-width: 350px; }
}
#loading .loader { 
	position: relative; 
	width: 60px; 
	height: 60px; 
	border-radius: 50%; 
	margin: 75px; 
	display: inline-block; 
	vertical-align: middle; 
}
#loading .loader-star { 
	position: absolute; 
	top: calc(50% - 12px); 
}
/*LOADER-1*/
    
#loading .loader-1 .loader-outter { 
	position: absolute; 
	border: 4px solid #f50057; 
	border-left-color: transparent; 
	border-bottom: 0; 
	width: 100%; 
	height: 100%; 
	border-radius: 50%; 
	-webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; 
	animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; 
}
#loading .loader-1 .loader-inner { 
	position: absolute; 
	border: 4px solid #f50057; 
	border-radius: 50%; 
	width: 40px; 
	height: 40px; 
	left: calc(50% - 20px); 
	top: calc(50% - 20px); 
	border-right: 0; 
	border-top-color: transparent; 
	-webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite; 
	animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite; 
}

/* ----------------     KEYFRAMES    ----------------- */
    
@-webkit-keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
 @keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
 	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
 @-webkit-keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
 	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
	}
}
/*************************加载结束*******************************************/

.control-label span,.lc-label span,.lc-title span {
    color: #FF0033;
    vertical-align: middle;
    display: inline-block;
    padding: 3px;
}